<template>
    <div class="error-main">        
        <p>404 页面发生错误
        <router-link to="/index" class="back">返回首页</router-link> 
        </p>        
    </div>
</template>
<style lang="scss">
body {
    background: linear-gradient(to right, #7bcacc 0%, #49a1a7 100%);

    .error-main {
        p {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            text-align: center;
            font-size:  1rem;
            color: #fff;    
            height: 2rem;   

            a {
                font-size: 1rem;
                margin-top: 1rem;
                display: block;
                color: #f00;
            }
        }
    }
}
</style>

